* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

html,
body {
    height: 100%;
}

/*公共*/

.pr10 {
    padding-right: 0.2rem;
}

.pr30 {
    padding-right: .6rem;
}

.pl30 {
    padding-left: .6rem;
}

.pl10 {
    padding-left: 0.2rem;
}

.pt10 {
    padding-top: 0.2rem;
}

.pb10 {
    padding-bottom: 0.2rem;
}

.pb20 {
    padding-bottom: 0.4rem;
}

.pb100 {
    padding-bottom: 2rem;
}

.pb50 {
    padding-bottom: 1rem;
}

.p17 {
    padding: 0.34rem;
}

.pl30 {
    padding-left: .6rem;
}

.pl17 {
    padding-left: 0.34rem;
}

.pr5 {
    padding-right: .1rem;
}

.pt5 {
    padding-top: 0.1rem;
}

.pb5 {
    padding-bottom: 0.1rem;
}

.mt10 {
    margin-top: 0.2rem;
}

.mt15 {
    margin-top: .3rem;
}

.mt0 {
    margin-top: 0rem !important;
}

.mt5 {
    margin-top: .1rem;
}

.cb {
    color: #5086FF
}

.cdb {
    color: #90B1FF;
}

.cw {
    color: #fff;
}

.cl33 {
    color: #333333;
}

.cl33i {
    color: #333333 !important;
    border: 1px solid #333333 !important;
}

.clog {
    color: #FF5B05;
}

.cl10 {
    color: #101010;
}

.body-container {
    background: #fff;
}

.cldb {
    color: #5086FF;
}

.clbb {
    color: #4588F3
}

.cl66 {
    color: #666666;
}

.cl99 {
    color: #999999;
}

.clb4 {
    color: #b4b4b4;
}

.cl6e {
    color: #6e6e6e;
}

.clb5 {
    color: #b5b5b5;
}

.clad {
    color: #ADADAD;
}

.bcf8 {
    background-color: #f8f8f8 !important;
}

.fs0 {
    font-size: 0;
}

.fs12 {
    font-size: 0.24rem;
}
.fs10 {
    font-size: 0.2rem;
}

.fs12 {
    font-size: 0.24rem;
}

.fs13 {
    font-size: 0.26rem;
}

.fs14 {
    font-size: 0.28rem;
}

.fs15 {
    font-size: 0.3rem;
}

.fs16 {
    font-size: 0.32rem;
}

.fs18 {
    font-size: 0.36rem;
}

.fs20 {
    font-size: .4rem;
}

.fs28 {
    font-size: 0.56rem;
}

.fwb {
    font-weight: bold;
}

.bbn {
    border-bottom: 0rem !important;
}

.mt2 {
    margin-top: .04rem;
}

.mt10 {
    margin-top: 0.1rem;
}

.mt15 {
    margin-top: 0.3rem;
}

.mt20 {
    margin-top: 0.2rem;
}

.mt35 {
    margin-top: .7rem;
}

.mt40 {
    margin-top: 0.4rem;
}

.mt60 {
    margin-bottom: 1.2rem !important;
}

.ml10 {
    margin-left: 0.2rem;
}

.ml15 {
    margin-left: 0.3rem;
}
.pb11{
padding-bottom: 1.1rem;
}
.ml20 {
    margin-left: 0.4rem;
}

.ml25 {
    margin-left: 0.5rem;
}

.ml5 {
    margin-left: 0.1rem;
}

.mr10 {
    margin-right: .2rem;
}

.minw24 {
    min-width: 24%;
}

.minw34 {
    min-width: 34%;
}

.height100 {
    min-height: 100%;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.ls10 {
    letter-spacing: 0.02rem;
}

.tdlt {
    text-decoration: line-through;
}

.blcl {
    border: 1px solid #333333 !important;
    color: #333333 !important;
}

.heng-div {
    height: .52rem;
    width: .3rem;
    position: relative;
    border-bottom: 2px solid #fff;
}

.heng-span {
    position: absolute;
    width: 1rem;
    left: -118%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heng-active div {
    color: #5086FF;
    border-bottom: 2px solid #5086FF;
}

.over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.over2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dsf {
    display: flex;
}

.dsflex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dfbtc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dfclbtc {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.dfclbfe {
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.dffccb {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-start {
    align-items: flex-start !important;
}

.dfbs {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.dsfx {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.borbot {
    border-bottom: 1px solid #dedede;
}

.bcw {
    background-color: #fff
}

/*轮播*/

.slide {
    width: 100%;
    height: 3.4rem;
    overflow: hidden;
    position: relative;
}

.slide .img {
    overflow: hidden;
    position: absolute;
    transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
    border-radius: 10px;
}

.slide .img img {
    width: 100%;
    height: 100%;
}

.slide .img1 {
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}

.slide .img2 {
    width: 60%;
    height: 70%;
    top: 15%;
    left: -55%;
    z-index: 2;
}

.slide .img3 {
    width: 84%;
    height: 90%;
    top: 5%;
    left: 8%;
    z-index: 3;
}

.slide .img4 {
    width: 60%;
    height: 70%;
    top: 15%;
    left: 95%;
    z-index: 2;
}

.slide .img5 {
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}

.slide-bt {
    position: absolute;
    left: 50%;
    bottom: 6%;
    z-index: 10;
}

.slide-bt span {
    width: 6px;
    height: 6px;
    background: #d0d2d28f;
    float: left;
    margin: 5px;
    border-radius: 4px;
}

.slide .slide-bt .on {
    background: #ffd200;
    width: 25px;
}

/*home*/

#app {
    padding-bottom: 1.2rem;
}

.home-swiper-box {
    height: 3.4rem;
    background: #fff;
}

.home-swiper-box .van-swipe {
    height: 3.2rem;
}

.home-swiper-box .van-swipe .swiperimg {
    height: 3.2rem;
    width: 100%;
}

.home-content {
    margin-top: .2rem;
    background: #fff;
}

.home-content-xianshi {
    padding: .3rem;
    background: #fff;
}

.home-content-xianshi-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .6rem;
}

.home-content-xianshi-title-right {
    display: flex;
    align-items: center;
}

.home-content-xianshi-title-right img {
    width: .3rem;
    height: .3rem;
}

.item {
    display: inline-block;
    width: 0.3rem;
    line-height: 0.3rem;
    border-radius: 0.04rem;
    color: #fff;
    font-size: 0.2rem;
    text-align: center;
    background: linear-gradient(0deg, rgba(23, 23, 23, 1), rgba(112, 112, 112, 1));
}

.home-content-xianshi-content-item {
    display: inline-block;
    width: 2.1rem;
    text-align: left;
    margin-right: .3rem;
    font-size: 0rem;
    margin-bottom: .15rem;
}
.home-content-xianshi-content-item .title{
    margin-top: .15rem;
    width: 2.17rem;

}
.home-content-xianshi-content-item .price{
    margin-top: .15rem;
}

.home-content-xianshi-content-item:nth-child(3n) {
    margin-right: 0rem;
}

.home-content-xianshi-content-item img {
    width: 2.1rem;
    height: 2.1rem;
}

.home-content-tuijian-title {
    margin-top: .2rem;
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
    height: .6rem;
}

/*商品详情*/

.home-detail-swiper-box {
    height: 7rem;
    background: #fff;
}

.home-detail-swiper-box .van-swipe {
    height: 7rem;
}

.home-detail-swiper-box .van-swipe .swiperimg {
    height: 7rem;
    width: 100%;
    object-fit: scale-down;
}

.home-detail-mid {
    padding: .3rem .3rem .1rem .3rem;
    background: #fff;
}

.home-detail-goods-detail {
    width: 6.4rem;
}

.home-detail-goods-send {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
}

.home-detail-chose {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: .3rem .1rem .3rem .3rem;
    margin-top: .2rem;
}

.home-detail-chose-left {
    min-width: 22%;
    text-align: left;
}

.home-detail-chose-mid {
    width: 74%;
    text-align: left;
}

.home-detail-chose-mid input {
    border: none;
    outline: none;
}

.home-detail-chose-right {
    font-size: 0;
}

.home-detail-chose-right img{
    width: .4rem;
    height: .4rem;
}

.home-detail-bot {
    width: 100%;
    height: 1.1rem;
    background: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    display: flex;
}

.div-top {
    padding-bottom: 1.2rem;
    position: relative;

}

.home-detail-bot-left {
    width: 2.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .16rem;
}

.home-detail-bot-left img{
    width: .4rem;
    height: .4rem;
}

.home-detail-bot-btnone {
    text-align: center;
    width: 2.4rem;
    height: 1.1rem;
    line-height: 1.1rem;
    color: #fff;
    font-size: .3rem;
    background: linear-gradient(129deg, rgba(252, 118, 19, 1), rgba(255, 168, 76, 1));
}

.home-detail-bot-btntwo {
    width: 2.4rem;
    height: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
    color: #fff;
    font-size: .3rem;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
}

.home-detail-pinjia-box {
    background: #fff;
    padding-top: .26rem;
    font-size: 0rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
}

#homeDetailTwo {
    display: none;
}

/*已评价列表*/

#homeDetailOne {
    background: #fff;
}

#homeDetail .van-popup {
    z-index: -11;
}

.home-detail-box {
    padding: .3rem;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.home-detail-box-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-detail-box-top-left {
    display: flex;
    align-items: center;
}

.home-detail-box-top-left img {
    width: .6rem;
    height: .6rem;
    border-radius: .3rem;
}

.home-detail-pinajiacontent {
    padding-left: .2rem;
}

.home-detail-pinajiacontent-pinjia {
    padding-top: .3rem;
}

.home-detail-image-content {
    padding-top: .2rem;
}

.home-detail-image-content img {
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
    margin-right: 5px;
}

.home-detail-shangjiahuifu {
    margin-top: .2rem;
    padding: .2rem;
    background: #F6F6F6;
    border-radius: 3px;
}

.home-detail-shangjiahuifu-content {
    line-height: .4rem;
}

.home-detail-zhuijia {
    color: #2F7BE2;
    margin-top: .2rem;
}

.home-detail-zhuijia div:first-child {
    line-height: .3rem;
    border-left: 2px solid #2F7BE2;
    padding-left: .14rem;
}

.icontop {
    position: absolute;
    bottom: 1rem;
    right: .1rem;
}

.icontop img {
    width: 1rem;
    height: 1rem;
}

.home-detail-pop-box {
    padding: .3rem;
}

.home-detail-pop-box-top {
    padding-bottom: .3rem;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
}

.home-detail-pop-box img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 5px;
}

.home-detail-pop-box-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .3rem;
    width: 3rem;
}

.home-detail-pop-box-info-des {
    font-size: .26rem;
    line-height: .4rem;
    color: #333333;
}

.home-detail-pop-box-mid {
    padding-top: .3rem;
    border-bottom: 1px solid #e6e6e6;
    height: 2rem;
    overflow: scroll;
    box-sizing: border-box;
}

.home-detail-shuxing-btn {
    padding: 0 .2rem;
    background: #F8F8F8;
    text-align: center;
    font-size: .24rem;
    color: #6b6b6b;
    height: .5rem;
    line-height: .5rem;
    display: inline-block;
    margin: 0rem .3rem .3rem 0rem;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #F8F8F8;
}

.btn-active {
    color: #2F7BE2;
    border: 1px solid rgba(69, 136, 243, 1);
    background: rgba(244, 248, 255, 1);
}

.huowubtn {
    position: fixed;
    bottom: 0rem;
    height: 1rem;
    width: 100%;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
    color: #fff;
    font-size: 0.3rem;
    line-height: 1rem;
    text-align: center;
}

.home-detail-pop {
    position: absolute;
    width: 100%;
    bottom: -2rem;
    left: 0rem;
    min-height: 80%;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
}

.home-detail-pop-box .home-detail-close-btn {
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: .1rem;
    right: .1rem;
}

/*商品分类*/

.fenlei-search-box {
    background: #F2F2F5;
    height: .9rem;
    padding: 0rem .3rem;
    line-height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fenlei-search-box-img {
    height: .63rem;
    width: .5rem;
    background: #fff;
    border-radius: 0rem .3rem .3rem 0rem;
}

.fenlei-search-box-img img {
    width: .3rem;
    height: .3rem;
}

.fenlei-search {
    width: 6rem;
    outline: none;
    border: none;
    background: #fff;
    height: .63rem;
    border-radius: .3rem 0rem 0rem .3rem;
    font-size: 0.28rem;
}

.fenlei-search::placeholder {
    text-align: center;
}

.fenlei-content {
    display: flex;
    height: 90%;
    padding-bottom: 1rem;
}

.fenlei-content-left {
    width: 1.5rem;
    height: 100%;
    background: #F2F2F5;
    overflow: scroll;
}

.fenlei-content-left li {
    width: 100%;
    height: .9rem;
    display: flex;
    align-items: center;
}

.fenlei-content-left li div {
    font-size: .28rem;
    color: #5E5E5E;
    width: 100%;
    text-align: center;
}

.fenlei-li-active div {
    color: #5086FF !important;
    border-left: 3px solid #5086FF !important;
    font-weight: 600;
}

.fenlei-li-active {
    background: #fff !important;
}

.fenlei-content-right {
    width: 6.2rem;
    height: 100%;
    background: #fff;
    padding: .28rem .4rem;
    box-sizing: border-box;
    overflow: scroll;
}

.fenlei-content-right-img img {
    width: 100%;
    height: 2rem;
}

.fenlei-tuijian {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fenlei-tuijian img {
    width: .3rem;
    height: .3rem;
}

.tuijian-content {
    margin-top: .4rem;
    height: 70%;
    overflow: hidden;
}

.tuijian-content-item {
    display: inline-block;
    width: calc(100%/3);
    text-align: center;
    margin: .21rem 0 .31rem 0
}

.tuijian-content-item:nth-child(3n) {
    margin-right: 0rem;
}

.tuijian-content-item img {
    width: 1.2rem;
    height: 1.2rem;
}

#fenleiShipin {
    height: 100%;
}

#fenleiFushi {
    height: 100%;
    display: none;
}

#fenleiJiaju {
    height: 100%;
    display: none;
}

#fenleiDianqi {
    height: 100%;
    display: none;
}

#fenleiXihu {
    height: 100%;
    display: none;
}

/*商品分类列表*/

.fenleilist-top {
    position: fixed;
    top: 0rem;
    width: 100%;
}

.fenleilist-search-box {
    background: #fff;
    height: .9rem;
    padding: 0rem .3rem;
    line-height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fenleilist-search-box-img {
    height: .63rem;
    width: .5rem;
    background: #F2F2F5;
    border-radius: 0rem .3rem .3rem 0rem;
}

.fenleilist-search-box-img img {
    width: .3rem;
    height: .3rem;
}

.fenleilist-search {
    width: 6rem;
    outline: none;
    border: none;
    background: #F2F2F5;
    height: .63rem;
    border-radius: .3rem 0rem 0rem .3rem;
    font-size: .28rem;
}

.fenleilist-search::placeholder {
    text-align: center;
}

.fenleilist-shaixuan {
    display: flex;
    justify-content: space-between;
    padding: 0rem 1rem;
    background: #fff;
}

.fenleilist-shaixuan li div {
    height: .5rem;
    width: .3rem;
    position: relative;
}

.fenleilist-shaixuan li div span {
    position: absolute;
    width: 1.2rem;
    left: -50%;
    display: flex;
    align-items: center;
}

.fll-li-div-active div {
    color: #5086FF;
    border-bottom: 2px solid #5086FF;
}

.fenleilist-shaixuan li div img {
    width: .3rem;
    height: .3rem;
}

.fenleilist-content {
    padding: .25rem;
    padding-top: 1.7rem;
}

.fenleilist-content-item {
    display: inline-block;
    width: 3.4rem;
    border-radius: 5px;
    background: #fff;
    margin-bottom: .28rem;
    margin-right: .2rem;
}


.fenleilist-content-item:nth-child(2n) {
    margin-right: 0rem;
}

.fenleilist-content-item-img img {
    width: 3.4rem;
    height: 3.4rem;
    object-fit: scale-down;
}

.fenleilist-content-item-des {
    padding: .16rem;
}

.fenleilist-content-item-des-title {
    font-size: .26rem;
    color: #333333;
    width: 3rem;
    height: .38rem;
    min-height: .64rem;
    max-height: .64rem;
    text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
}

.fenleilist-content-item-des-pri {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .15rem;
}

/*购物车*/
.gouwu-guanli {
    background-color: #fff;
    padding: 0.2rem;
    font-size: .26rem;
    text-align: right;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
}

.gouwu-item-box {
    display: flex;
    align-items: center;
    padding-left: .2rem;
}

.gouwu-item {
    padding: .3rem .2rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}

#gouWu .layui-form-checkbox[lay-skin=primary] i {
    border-radius: 50% !important;
    border: 1px solid #d2d2d2;
}

.layui-form-checked[lay-skin=primary] i {
    border-radius: 50% !important;
    background-color:  rgba(80, 134, 255, 1) !important;
    border-color:  rgba(80, 134, 255, 1) !important;
    color: #fff;
}

.gouwu-item img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.gouwu-item-right {
    width: 4.5rem;
    height: 1.7rem;
    margin-left: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gouwu-item-right-top {
    width: 4.2rem;
    font-size: .26rem;
    color: #333333;
}

.gouwu-item-right-top-des {
    font-size: .2rem;
    color: #ADADAD;
}

.gouwu-item-right-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gouwu-jiesuan-box {
    font-size: .28rem;
    color: #333333;
    position: fixed;
    bottom: 1rem;
    left: 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.gouwu-jiesuan-box-left {
    padding: .2rem;
    width: 6rem;
    box-sizing: border-box;
    height: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gouwu-jiesuan-btn {
    width: 1.6rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
}

.gouwu-del-btn {
    width: 1.6rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    font-size: .28rem;
    color: #fff;
    background: red;
}

#gouWu {
    padding-bottom: 2rem;
    background: #fff;
}

/*购物车支付列表*/

#gouWuZhiFu {
    padding-bottom: 1rem;
}

#gouWuZhiFu .layui-form-switch {
    margin-top: 0rem;
}

.gwz-top {
    padding: .4rem .3rem .4rem .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.gwz-top img{
    width: .5rem;
    height: .5rem;
}

.gwz-address-img {
    height: .1rem;
    width: 100%;
}

.gwz-item-content {
    background: #fff;
}

.gwz-item {
    margin-top: .1rem;
    padding: .1rem .3rem;
    background: #F6F6F6;
    display: flex;
    align-items: center;
}

.gwz-item img {
    width: 1.4rem;
    height: 1.4rem;
}

.gwz-item-right {
    margin-left: .36rem;
    width: 5.5rem;
    height: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gwz-item-right-bot {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.gwz-youhuiquan {
    margin-left: .3rem;
    margin-right: .2rem;
    padding: .3rem 0rem;
    border-bottom: 1px dashed #CFD4DC;
}

.gwz-youhuiquan-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gwz-youhuiquan-bot {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gwz-right-img {
    width: .3rem;
    height: .3rem;
    vertical-align: bottom;
}

.gwz-mjly {
    margin-left: .3rem;
    padding: .3rem 0rem;
}

.gwz-mjly input {
    width: 5rem;
    border: none;
    outline: none;
}

.gwz-mjly input::placeholder {
    color: #333;
}

.gwz-bot {
    background: #fff;
    margin-top: .2rem;
    padding-left: .3rem;
}

.gwz-bot-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0rem;
    padding-right: .2rem;
    border-bottom: 1px solid #CFD4DC;
}

.gwz-bot-item img {
    vertical-align: bottom;
}

.gwz-jiesuan-box {
    font-size: .28rem;
    color: #333333;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.gwz-jiesuan-box-left {
    padding: .2rem;
    width: 5rem;
    box-sizing: border-box;
    height: .9rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.gwz-jiesuan-btn {
    width: 3rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    font-size: .28rem;
    color: #fff;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
}

/*购物成功*/

.gwcg-wss-box {
    padding-top: 2.64rem;
}

.gwcg-btn {
    width: 1.8rem;
    height: 0.5rem;
    border: 1px solid rgba(70, 136, 243, 1);
    border-radius: 0.25rem;
    background: #fff;
    font-size: 0.3rem;
    color: #4688f3;
}

/*我的*/

#woDe {
    padding-bottom: 1rem;
}

.wode-top {
    padding: .5rem 0rem 0rem .5rem;
    box-sizing: border-box;
    height: 3.4rem;
    background: url("../images/wodebc.png");
    background-size: 100% 100%;
}

.wode-top-img {
    display: flex;
    align-items: center;
}

.wode-top-img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .6rem;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.wode-mid-box {
    border-radius: 8px;
    width: 7rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: -1.2rem;
}

.wode-mid-dingdan {
    border-radius: 8px;
    box-shadow: 2px 3px 8px 0px rgba(105, 105, 105, 0.1);
}

.wode-mid-dingdan-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;
    border-bottom: 1px solid rgba(197, 197, 197, .2);
}

.wode-mid-dingdan-mid {
    padding: .4rem .7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0rem 0rem 8px 8px;
}

.wode-mid-dingdan-mid-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.wode-mid-dingdan-mid-item img {
    width: .8rem;
    height: .8rem;
}

.wode-mid-dingdan-mid-item {
    position: relative;
}

.wode-msg {
    position: absolute;
    top: 0.08rem;
    right: 0.07rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #568cff;
    font-weight: 500;
    font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
    line-height: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #568cff;
    border-radius: 16px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}

.wode-mid-mid-box {
    margin-top: .3rem;
    border-radius: 8px;
    box-shadow: 2px 3px 8px 0px rgba(105, 105, 105, 0.1);
}

.wode-mid-mid-box-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem .12rem .3rem .25rem;
    border-bottom: 1px solid rgba(197, 197, 197, .2);
}

.wode-mid-mid-box-item img{
    width: .4rem;
    height: .4rem;
}

/*收货地址*/

#shouHuoDiZhi {
    padding-bottom: 2rem;
}

.shdz-shouhuo-address-first {
    padding-left: 0.32rem;
}

.shdz-s-d-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.32rem 0.4rem 0rem;
    border-bottom: 1px solid #e8e8e8;
}

.shdz-s-d-item-left {

    height: 0.9rem;
    width: 80%;
}

.shdz-s-d-item-left-name {
    width: 25%;
    text-align: left;
    display: inline-block;
}

.shdz-sub-btn-box {
    width: 100%;
    position: fixed;
    bottom: 0rem;
    height: 2rem;
    background: #fff;
}

.shdz-sub-btn {
    width: 90%;
    background: linear-gradient(150deg, rgba(80, 175, 255, 1), rgba(80, 134, 255, 1));
    height: 0.76rem;
    font-size: 0.3rem;
    color: #fff;
    border: none;
    border-radius: 0.38rem;
}

/*添加收货地址*/

.addshdz-s-e-ipt-box {
    padding-left: 0.4rem;
}

.addshdz-sub-btn-box {
    width: 100%;
    position: fixed;
    bottom: 0rem;
    height: 2rem;
}

.addshdz-sub-btn {
    width: 90%;
    background: linear-gradient(150deg, rgba(80, 175, 255, 1), rgba(80, 134, 255, 1));
    height: 0.76rem;
    font-size: 0.3rem;
    color: #fff;
    border: none;
    border-radius: 0.38rem;
}

.addshdz-itembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.1rem;
    padding-right: 0.78rem;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}

.huifangsousuo-itembox-input {
    text-align: right;
    color: #333333;
    border: none;
    outline: none;
    letter-spacing: 0.04rem;
    width: 70%;
    height: 0.6rem;
    font-weight: 500;
}

.huifangsousuo-itembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.1rem;
    padding-right: 0.2rem;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}

.huifangsousuo-itembox img{
    width: .4rem;
    height: .4rem;
}

#deipt::placeholder {
    font-size: 0.2rem;
}

/*列表*/

.liebiao-ul {
    padding: 0.3rem .8rem;
    font-size: 0rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.liebiao-ul li {
    display: inline-block;
}

#daifukuan {
    display: none;
}

#daifahuo {
    display: none;
}

#daishouhuo {
    display: none;
}

#yiwancheng {
    display: none;
}

/*待付款*/
.liebiao-content {
    padding-bottom: .3rem;
}

.geren-daifukuan-box {
    padding: 0.2rem;
    background: #fff;
    box-shadow: 2px 3px 8px 0px rgba(105, 105, 105, 0.1);
    border-radius: 5px;
}

.geren-daifukuan-title {
    margin-bottom: 0.4rem;
}

.geren-daifukuan-title img {
    vertical-align: bottom;
    width: 0.4rem;
    height: 0.4rem;
}

.geren-daifukuan-content {
    display: flex;
    justify-content: baseline;
    align-items: center;
}

.geren-daifukuan-content img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.geren-daifukuan-content-word {
    width: 3.4rem;
    margin-left: 0.2rem;
    height: 1.7rem;
    padding: 0rem;
    box-sizing: border-box;
}

.geren-daifukuan-content-pri {
    text-align: right;
    width: 1.4rem;
    height: 1.7rem;
    padding: 0.1rem 0rem;
    box-sizing: border-box;
    float: right;
}

.geren-daifukuan-bottom {
    margin-top: 0.1rem;
    text-align: right;
}

.geren-daifukuan-btn-box {
    text-align: right;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.geren-daifukuan-btn-box button {
    width: 1.4rem;
    height: 0.5rem;
    font-size: 0.24rem;
    color: #333333;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 0.25rem;
    margin-left: 0.2rem;
    line-height: .4rem;
    box-sizing: border-box;
}

.geren-daifukuan-btn-box button:last-child {
    border: 1px solid #ff6748;
    color: #ff6748;
}

/*待付款详情*/

.geren-daifukuan-detail {
    padding-bottom: 1rem;
}

.geren-daifukuan-detail-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0.6rem 0rem 0.4rem;
    height: 1rem;
    background: linear-gradient(150deg, rgba(80, 175, 255, 1), rgba(80, 134, 255, 1));
}

.geren-daifukuan-detail-top-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}

.geren-daifukuan-detail-top-left-img {
    width: 1.06rem;
    height: 0.84rem;
}

.geren-daifukuan-detail-sec {
    display: flex;
    align-items: flex-start;
    padding: 0.24rem 0.36rem;
    background: #fff;
}

.geren-daifukuan-detail-sec-img {
    width: 0.34rem;
    height: 0.34rem;
}

.geren-daifukuan-detail-sec-word {
    text-align: left;
    margin-left: 0.24rem;
}

/*第三*/

.geren-daifukuan {
    padding: 0.3rem;
}

.geren-daifukuan-title {
    margin-bottom: 0.3rem;
}

.geren-daifukuan-title img {
    vertical-align: bottom;
    width: 0.4rem;
    height: 0.4rem;
}

.geren-daifukuan-content {
    display: flex;
    justify-content: baseline;
    align-items: center;
}

.geren-daifukuan-content img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.geren-daifukuan-content-word {
    width: 3.4rem;
    margin-left: 0.2rem;
    height: 1.7rem;
    padding: 0rem;
    box-sizing: border-box;
}

.geren-daifukuan-content-pri {
    text-align: right;
    width: 1.4rem;
    height: 1.7rem;
    padding: 0.1rem 0rem;
    box-sizing: border-box;
    float: right;
}

.cloy {
    color: #ff6748;
}

.geren-daifukuan-detail-heji {
    text-align: right;
    padding-right: 0.4rem;
    margin-top: 0.1rem;
}

.d-daifukuan-btn-box {
    text-align: right;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background: #fff;
    line-height: 1.2rem;
    padding-right: 0.34rem;
}
.geren-shenqingtuikuan-btn{ 
    display: inline-block;
    width: 1.4rem;
    height: 0.5rem;
    font-size: 0.24rem;
    color: #333333;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 0.25rem;
    margin-right: 0.2rem;
    text-align: center;
    line-height: 0.5rem;}
.d-daifukuan-btn-box span {
    display: inline-block;
    width: 1.4rem;
    height: 0.5rem;
    font-size: 0.24rem;
    color: #333333;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 0.25rem;
    margin-right: 0.2rem;
    text-align: center;
    line-height: 0.5rem;
}

.d-daifukuan-btn-box span:last-child {
    border: 1px solid #ff6748;
    color: #ff6748;
}

.daifukuan-dingdanbiaohao {
    background: #fff;
    margin-top: .1rem;
    padding: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*退款*/
.geren-daifahuo-detail {
    background: #f3f3f3;
    min-height: 14rem;
}

.geren-daifukuan {
    padding: 0.3rem;
    padding-bottom: 0rem;
}

.geren-daifukuan-box {
    padding: 0.34rem;
    background: #fff;
    display: block;
}

.geren-daifukuan-title {
    margin-bottom: 0.3rem;
}

.geren-daifukuan-title img {
    vertical-align: bottom;
    width: 0.4rem;
    height: 0.4rem;
}

.geren-daifukuan-content {
    display: flex;
    justify-content: baseline;
    align-items: center;
    margin-bottom: .2rem;
}

.geren-daifukuan-content img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.geren-daifukuan-content-word {
    width: 3.4rem;
    margin-left: 0.2rem;
    height: 1.7rem;
    padding: 0rem;
    box-sizing: border-box;
}

.geren-daifukuan-content-pri {
    text-align: right;
    width: 1.4rem;
    height: 1.7rem;
    padding: 0.1rem 0rem;
    box-sizing: border-box;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.geren-daifukuan-detail-heji {
    text-align: right;
    padding-right: 0.4rem;
    margin-top: 0.1rem;
}

.geren-pingjia-three {
    display: flex;
    padding: 0.34rem;
    background: #fff;
}

.upload-img {
    width: 1.5rem;
    height: 1.5rem;
}

.geren-pingjia-three-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.van-uploader__wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.geren-pingjia-three-imgbox {
    display: flex;
    justify-content: space-around;
}

.sqtuikuan-sub-box {
    width: 100%;
    position: fixed;
    height: 1rem;
    bottom: 0rem;
    background-color: #fff;
}

.sqtuikuan-sub {
    width: 6.8rem;
    height: 0.76rem;
    line-height: 0.76rem;
    margin: 0 auto;
    border-radius: 0.38rem;
    color: #fff;
    font-size: 0.3rem;
    background: linear-gradient(150deg, rgba(80, 175, 255, 1), rgba(80, 134, 255, 1));
}

/*仅退款*/

.geren-jintk-box {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0.34rem;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
    border-bottom: 1px solid #dedede;
}

.geren-jintk-box-left {
    width: 56%;
}

.geren-jintk-box-left-one {
    text-align: right;
    width: 37%;
}

.geren-jintk-box-left-two {
    width: 22%;
}

.geren-jintk-box-left-two-ipt {
    width: 78%;
    font-size: 0.16rem;
}

.geren-jintk-box-left-two-ipt input {
    width: 90%;
    border: none;
    outline: none;
}

.geren-jintk-box-right {
    vertical-align: bottom;
    margin-left: 3%;
}

.geren-qingxuanze {
    width: 44%;
}

.geren-qingxuanze input {
    width: 84%;
    text-align: right;
    border: none;
    outline: none;
    font-size: 0.16rem;
}

.cloy {
    color: #ff6748;
}

/*货物状态*/

.sqtk-shouhuo {
    display: none;
    height: 100%;
    background: #fff;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
}

.radio-box {
    position: absolute;
    width: 100%;
    bottom: -2rem;
    left: 0rem;
    height: 3rem;
    background: #fff;
    border-radius: 8px 8px 0px 0px;
}

.sqtk-shouhuo .layui-form-radio {
    margin: 0rem;
}

.sqtk-state {
    display: none;
    height: 100%;
    background: #fff;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
}

.sqtk-res-content {
    padding: .5rem;
}

.sqtk-res-content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DEDEDE;
    padding: .3rem 0rem;
}

.sqtk-res-content-item img {
    width: .4rem;
    height: .4rem;
}

.sqtk-res {
    display: none;
    height: 100%;
    background: #fff;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
}

.radio-res-box {
    position: absolute;
    width: 100%;
    bottom: -2rem;
    left: 0rem;
    height: 78%;
    background: #fff;
    border-radius: 8px 8px 0px 0px;
}

.sqtk-res .layui-form-radio {
    margin: 0rem;
}

.radio-state-box {
    position: absolute;
    width: 100%;
    bottom: -2rem;
    left: 0rem;
    height: 3rem;
    background: #fff;
    border-radius: 8px 8px 0px 0px;
}

.sqtk-state .layui-form-radio {
    margin: 0rem;
}

.huowubtn {
    position: fixed;
    bottom: 0rem;
    height: 1rem;
    width: 100%;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
    color: #fff;
    font-size: 0.3rem;
    line-height: 1rem;
}

.sqbtn {
    text-align: center;
    position: absolute;
    bottom: 0rem;
    height: 1rem;
    width: 100%;
    background: linear-gradient(-43deg, rgba(63, 104, 255, 1), rgba(125, 188, 253, 1));
    color: #fff;
    font-size: 0.3rem;
    line-height: 1rem;
}

.tantitle {
    height: 0.9rem;
    line-height: 0.9rem;
}

/*退款详情*/

.geren-tuikuandetail-top {
    padding: 0.34rem;
    display: flex;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.geren-tuikuandetail-top-img img {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.geren-tuikuandetail-top-word-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-left: 0.2rem;
    text-align: left;
}

.geren-jintk-box {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0.34rem;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
    border-bottom: 1px solid #dedede;
}

.coly {
    color: #f97d34;
}

.cloy {
    color: #ff6748;
}

.geren-tuikuandetail-word {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.34rem;
    background: #fff;
    border-bottom: 1px solid #dedede;
}

.geren-tuikuanjindu {
    background: #fff;
}

.geren-tuikuandetail-wlinfo {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #2f7be2;
    box-sizing: border-box;
    color: #2f7be2;
    font-size: 0.24rem;
    margin-top: 0.3rem;
}

.af {
    align-items: flex-start;
}

.dfbtn-word {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/*评价*/

.geren-pingjia-top {
    display: flex;
    padding: 0.34rem 0.44rem;
    border-bottom: 1px solid #f3f3f3;
}

.geren-pingjia-top-imgbox img {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 5px;
}

.geren-pingjia-top-right {
    display: flex;
    flex-direction: column;
    margin-left: 0.2rem;
}

.geren-pingjia-sec {
    padding: 0.4rem 0.34rem 0.34rem 0.34rem;
    border-bottom: 1px solid #f3f3f3;
}

.geren-pingjia-sec-texarea {
    width: 100%;
    resize: none;
    border: none;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 0.2rem;
    box-sizing: border-box;
}

textarea::placeholder {
    color: #b4b4b4;
}

.geren-pingjia-three {
    display: flex;
    padding: 0.34rem;
}
.img-content{
    display: flex;
    align-items: center;
    padding: .3rem;
}
.img-content-div{
    position: relative;
     margin-right: .3rem;
}
.img-content-div img{
    width: 1.5rem;
    height: 1.5rem;
   
}
.img-content .del{
    position: absolute;
    top: -7px;
    right: -7px;
    width: 14px;
    height: 15px;
}
.upload-img {
    width: 1.5rem;
    height: 1.5rem;
}

.geren-pingjia-three-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.van-uploader__wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.geren-pingjia-three-imgbox {
    display: flex;
    justify-content: space-around;
}

.geren-pingjia-bottom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    height: 1rem;
    width: 100%;
}

.geren-pingjia-bottom img {
    width: 0.32rem;
    height: 0.32rem;
    vertical-align: bottom;
}

.geren-pingjia-bottom-btn {
    width: 5rem;
    height: 0.76rem;
    line-height: 0.76rem;
    color: #fff;
    font-size: 0.3rem;
    border-radius: 0.38rem;
    text-align: center;
    background: linear-gradient(100deg, rgba(80, 175, 255, 1), rgba(80, 134, 255, 1));
    border:none;
}

.geren-pingjia-bottom-kong {
    width: 0.32rem;
    height: 0.32rem;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 50%;
    vertical-align: bottom;
}

.topratebox {
    display: flex;
    align-items: center;
}

.topratebox .layui-rate li i.layui-icon {
    font-size: .2rem;
}

.topratebox .layui-rate {
    padding: 0rem;
}

/*收藏列表*/

.shoucang-content {
    padding: .3rem;
    padding-top: 1.1rem;
}

.shoucangdel {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: .3rem;
    height: .4rem;
    line-height: .4rem;
    width: 1.2rem;
    text-align: center;
}

/*底部公共*/

.custom-indicator {
    position: absolute;
    right: 0.2rem;
    bottom: 0.18rem;
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0.18rem;
    width: 0.6rem;
    height: 0.36rem;
    line-height: 0.36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#nav {
    width: 100%;
    height: 1.1rem;
    background: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0px;
    box-shadow: 0px 6px 9px 2px rgba(177, 175, 175, 0.41);
}

#nav a {
    font-weight: bold;
    color: #474D5A;
}

.bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    width: 100%;
    padding-top: 0.15rem;
    height: 100%;
}

.bot-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    width: 25%;
    height: 100%;
}

.bot img {
    width: 0.5rem;
    height: 0.5rem;
}

.moren {
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    padding: 0rem .06rem;
    box-sizing: border-box;
    background: rgba(80, 134, 255, .6);
    color: #FFF;
    font-size: .24rem;
}

[v-cloak] {
    display: none !important;
}

.detail-content img {
    width: 100%;
    height: auto;
}

.bugbox {
    border-radius: 6px 6px 0 0;
    min-height:45%;
    max-height: 80%;
}

.home-detail-of {
    overflow: scroll;
}

.dropload-down {
    text-align: center;
    font-size: 0.26rem;
    color: #6e6e6e;
    margin-bottom: .3rem;
    margin-top: .3rem;
}
.layui-form-checkbox[lay-skin=primary] i{
    border-radius: 50% !important;
}
.layui-form-checked, .layui-form-checked:hover{
    border-color: rgba(153, 153, 153, 1) !important;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: rgba(153, 153, 153, 1) !important;
}
.box-content{
    background-color: #fff;
}
.box-content img{
    width: 100%;
    height: auto;
}
.gmsl{margin-bottom: 1.3rem}

.home-top-search-box{font-size: 0; padding:.2rem .4rem;box-sizing: border-box;width: 100%; text-align: center;background-color: #fff}
.home-top-search-box .search-box{border-radius:.5rem; background-color: #F2F2F5;height: .6rem;line-height: .6rem;}
.home-top-search-box .search-box img{width: .3rem;height: .3rem;vertical-align: middle;margin-right: .05rem}
.home-top-search-box .search-box span{font-size: .28rem;vertical-align: middle;color: #9c9c9c}
#nav>.bot-a>.bot>div{font-weight: bold;}
.huowubtn-no{background: linear-gradient(-43deg, rgb(81, 82, 84), rgb(202, 204, 207));}

.top-img-r-msg .type1{margin-top: .05rem;color: #fff;font-size: .24rem;margin-left: 0.3rem;}
    .top-img-r-msg .type2{margin-left: .3rem;margin-top: .1rem}
    .top-img-r-msg .type2 span{background:#3f67fcb8;color: #fff;border-radius: 1rem;padding:.05rem .1rem;margin-right: .1rem;font-size: .2rem;}